<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<link rel="stylesheet" href="css/m_public.css" />
		<link rel="stylesheet" href="css/m_contact_us.css" />
		<link rel="stylesheet" href="res/swiper.min.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="res/swiper.min.js" ></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6mx6wq4xxHZgPVSNGTcjFAihyNE60iCi"></script>
		<script type="text/javascript" src="js/BaiduMap.js"></script>
		<title>联系我们</title>
	</head>
	<body>
		<!----------------------头部模块-------------------------->
		<header>
			<h1>联系我们</h1>
			<a href="index.html"></a>
		</header>
		<!----------------------banner模块-------------------------->
		<div class="banner">
								<!-- Swiper -->
    		<div class="swiper-container">
        		<div class="swiper-wrapper">
            		<div class="swiper-slide"><a href="#"><img src="img/banner1.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner2.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner3.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner4.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner5.jpg" /></a></div>
        		</div>
        					<!-- Add Pagination -->
        		<div class="swiper-pagination"></div>
    		</div>
    	</div>
    				<!-- Swiper JS -->
    	<script>
    		var swiper = new Swiper('.swiper-container', {
        		pagination: '.swiper-pagination',
				autoplay:3000,
				grabCursor: true,
    			paginationClickable: true,
				loop:true
    		});
    	</script>	
				<!----------------------主体内容-------------------------->
    	<div class="contact_us">
    		<div class="top">
				<h2>给我留言</h2>
			</div>
			<div class="content">
				<form>
					<input type="text" placeholder="请输入您的姓名" />
					<input type="text" id="callme" placeholder="请输入您的邮箱/手机/QQ" />
					<textarea onfocus="if(this.value=='请输入您的留言')this.value=''" onblur="if(this.value=='')this.value='请输入您的留言'">请输入您的留言</textarea>
					<input id="submit" type="submit" value="提交留言" />
					<input id="reset" type="reset" value="重置信息" />
				</form>
			</div>
   			<div class="map">
   				<div class="tit">
   					<h2>公司地址</h2>
   				</div>
   				<div id="map">            <!--百度地图容器-->
   				</div>
   				<div class="addr">
   					<p>地址：广州市天河区大观南路26号（长胜商务 大厦D栋）</p>	
   					<span class="mobile">手机：13434316048</span>
   					<span>QQ：1212121121</span>
   					<p>邮箱：1212121121@qq.com</p>
   				</div>
   			</div>
    	</div>
	</body>
</html>

